<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>UncleDon's Blog</title>
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="shortcut icon" href="asset/icon/favicon.ico" type="image/x-icon">
</head>

<!-- hidden space -->
<div id="hidden_space">
    <div id="hidden_space_content">
        <h1>Index page</h1>
        <p>

        </p>
    </div>
 
    <!-- heart_icon -->
    <div id="heart_icon">
        <img src="asset/icon/heart-icon-white-512.png">
        <p id="__like_count"></p>
    </div>
</div>

<!-- header -->
<header>
    <span>
        <a>
            <img src="asset/icon/menu-icon-white-512.png">
        </a>
    </span>
    <span>
        <p>UncleDon</p>
    </span>
</header>

<body>
    <!-- Personal introduction -->
    <div id="Intro">
        <h1>个人简介</h1>
        <p>
            <text style="font-weight: bold;">学历：</text>双非本科 <br>
            <text style="font-weight: bold;">职业：</text>物理引擎研发（C++开发）<br>
            <text style="font-weight: bold;">Github：</text><a href="https://github.com/DYYYYYYYF"> DYYYYYYYF</a><br>
            <text style="font-weight: bold;">Bilibili：</text><a href="https://space.bilibili.com/14004754?spm_id_from=333.1007.0.0 "> 快乐大鸭脖</a><br>
        </p>
        <p class="temp">
            后面还没想好写什么，往下翻可以点击图片进入两个Web3D小案例。<br>
            <a href="#babylon">Babylon Template</a><br>
            <a href="#threejs">ThreeJS Template</a><br>
        </p>

    </div>

    <!-- BabylonJS-Template --> 
    <div id="babylon" class="program" style="background-color: #33334d;">
        <div>
            <p>BabylonJS Demo</p>
        </div>
        <a href="htmls/BabylonDemo.html">
            <img src="asset/image/Babylon-Template.png">
        </a>
    </div>

    <!-- ThreeJS-Template --> 
    <div id="threejs" class="program" style="background-color: #262626;">
        <a href="htmls/ThreeJS.html">
            <img src="asset/image/ThreeJS-Template.png">
        </a>
        <div>
            <p>ThreeJS Demo</p>
        </div>
    </div>
</body>

<footer>
    <p>icon网址：https://www.iconfinder.com/search/icons</p>
</footer>

<script src="./javascript/global.js"></script>
<script src="./javascript/json-loader.js"></script>
</html>
